<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
    <h1>用户登录</h1>
    用户名: <input name = "userName" type = "text" id = "userName"><br>
    密码: <input name = "password" type = "text" id = "password"><br>
    <input type = "button" value = "登录" onclick = "login()">

    <script src = "js/jquery-3.7.1.js"></script>
    <script>
        function login(){
            $.ajax({
                type:"post",
                url:"/userController/login",
                data:{
                    "userName": $("#userName").val(),
                    "password": $("#password").val()
                },
                success: function(body){
                if(body == true){
                    //跳转到 index 页面,就是返回用户名的页面
                    location.href = "index.html";
                }else{
                    //如果用户名和密码不正确,那么仍然留在当前页面,并在页面上显示密码错误
                    alert("用户名或者密码错误");
                }
            }
            });
        }
    </script>

</body>
</html>